{extend name="top/index" /}
{block name="main"}

<div class="page-content-wrapper">
        <div class="page-content" style=" min-height: 700px;">
            <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
            <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                            <h4 class="modal-title">Modal title</h4>
                        </div>
                        <div class="modal-body">
                             Widget settings form goes here
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn blue">Save changes</button>
                            <button type="button" class="btn default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <!-- /.modal -->
            <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
            <!-- BEGIN STYLE CUSTOMIZER -->
            
            <!-- END STYLE CUSTOMIZER -->
            <!-- BEGIN PAGE HEADER-->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                    角色管理 <!-- <small>view order details</small> -->
                    </h3>
                    <ul class="page-breadcrumb breadcrumb">
                        
                        <li>
                            <i class="fa fa-home"></i>
                            <a href="{:url('index/index/index')}">
                                Home
                            </a>
                            <i class="fa fa-angle-right"></i>
                        </li>
                        <li>
                            <a href="{:url('index/Role/index')}">
                                角色管理
                            </a>
                            <i class="fa fa-angle-right"></i>
                        </li>
                        
                    </ul>
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN PAGE CONTENT-->
              <form action="insert" method="post">
                  <div class="form-group">
                    <label for="disabledTextInput">角色名</label>
                    <input type="text" id="disabledTextInput" class="form-control" placeholder="角色名" name="Name">
                  </div>
                  <div class="form-group">
                    <label for="disabledTextInput">角色描述</label>
                    <input type="text" id="disabledTextInput" class="form-control" placeholder="角色描述" name="Remark">
                  </div>
                  
                  <button type="submit" class="btn btn-success">提交</button>
              </form>
            </div>
    </div>
     <script>
        $(function(){
            $('.role').addClass("active");
        });
    </script>
{/block}